<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <title>Favoritos</title>
        <link rel="shortcut icon" href="../favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="css/default.css"/>
        <link rel="stylesheet" type="text/css" href="css/component.css"/>
        <link rel="stylesheet" type="text/css" href="css/panel.css"/>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300' rel='stylesheet' type='text/css'/>
    </h:head>
    <h:body class="cbp-spmenu-push">
       <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
			<h3>BirrApp</h3>
                        <a href="ok.xhtml" id="inicio">Inicio</a>
                        <a href="buscar.xhtml" id="buscar" onclick="menuItem('buscar');">Buscar</a>
                        <a href="#" id="favoritos" onclick="menuItem('favoritos');">Favoritos</a>
                        <a href="perfil.xhtml" id="perfil" onclick="menuItem('perfil');">Perfil</a>
                        <h:form id="formDesconectar"> <h:commandLink action="#{endSessionManagedBean.disconect()}">Desconectar</h:commandLink></h:form>		</nav>
            
		<div class="container" >		
			<div class="main" id="frame">
                           <p:messages id="messages" showDetail="false" autoUpdate="true"/> 

                            <h1>Favoritos</h1>
                            
                            <h:form id="form">
                    
                                <p:dataGrid id="dataGridBares" styleClass="listasCervezas" var="baresUsuario" value="#{favoritosManagedBean.listaBaresUsuario}" columns="1"
                                            rows="6" paginator="true" paginatorAlwaysVisible="false" emptyMessage="No dispone de ningún local añadido a sus favoritos."
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                                                               {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            rowsPerPageTemplate="3,6,9" currentPageReportTemplate="{currentPage} de {totalPages}">
                                    <p:column>                            
                                        <p:panel id="contenedor" header="#{baresUsuario.baresT.nombre}">
                                            <h:panelGrid id="panelDatos" columns="3" style="width:100%" columnClasses="barList11,barList12,barList13">
                                                <p:column>
                                                    <p:graphicImage id="barImagen" styleClass="imageBar" value="/images/bares/#{baresUsuario.baresT.foto}" 
                                                                    rendered="#{baresUsuario.baresT.foto != null}" width="100" height="100"/>
                                                    <p:graphicImage id="barNoImagen" styleClass="imageBar" value="/images/bares/imagenNoDisponible.jpg" 
                                                                    rendered="#{baresUsuario.baresT.foto == null}" width="100" height="100"/>
                                                </p:column>
                                                <p:column>
                                                <p:dataTable id="dataTableBarContenido" var="barContenido" 
                                                             value="#{favoritosManagedBean.getColeccionBares(baresUsuario.baresT)}"
                                                             styleClass="listasCervezasTabla" paginator="true" rows="5" paginatorAlwaysVisible="false"
                                                             rowStyleClass="#{barContenido.precio eq favoritosManagedBean.getcervezaMasBarataEnBar(barContenido) ? 'colorRowMasBarata' : null}">

                                                    <p:column headerText="Marca" styleClass="barList21">  
                                                        <h:outputText value="#{barContenido.cervezasT.marca}"/>  
                                                    </p:column>

                                                    <p:column headerText="Tipo" styleClass="barList22">  
                                                        <h:outputText value="#{barContenido.cervezasT.tipo}" />  
                                                    </p:column>  

                                                    <p:column headerText="Vaso" styleClass="barList23">  
                                                        <h:outputText value="#{barContenido.vasosT.tipo}" />  
                                                    </p:column>  

                                                    <p:column headerText="Precio" styleClass="barList24">  
                                                        <h:outputText value="#{barContenido.precio} €" />  
                                                    </p:column>  

                                                    <p:column headerText="Tapa"  styleClass="barList25">  
                                                        <h:outputText value="#{barContenido.tapasCervezaT.nombre}" />  
                                                    </p:column> 
                                                </p:dataTable>
                                                </p:column>
                                                <p:column>
                                                <h:panelGrid id="panelBotones" columns="1">
                                                    <p:commandButton value="Detalles" action="#{favoritosManagedBean.irADetalles}">
                                                        <f:setPropertyActionListener value="#{barContenido.baresT}"  
                                                                                             target="#{favoritosManagedBean.selectedBar}" /> 

                                                    </p:commandButton>  

                                                    <p:commandButton id="botonEliminar" value="Eliminar" onclick="confirmation.show()"/>
                                                    
                                                    <p:confirmDialog id="confirmDialog" message="¿Está seguro de eliminar #{favoritosManagedBean.selectedBar} de sus favoritos?"  
                                                                     header="Eliminar de favotiros" severity="alert" widgetVar="confirmation">  
                                                        <p:commandButton id="confirm" value="Eliminar" onclick="confirmation.hide();" update="@form"
                                                                         action="#{favoritosManagedBean.eliminarFavorito}" >
                                                            <f:setPropertyActionListener value="#{barContenido.baresT}"  
                                                                                             target="#{favoritosManagedBean.selectedBar}" />
                                                        </p:commandButton>
                                                        <p:commandButton id="decline" value="Cancelar" onclick="confirmation.hide();" type="button" />   

                                                    </p:confirmDialog>
                                                </h:panelGrid>
                                                </p:column>
                                            </h:panelGrid> 
                                        </p:panel>
                                    </p:column>
                                </p:dataGrid>
                            </h:form>
                            
			</div>
		</div>

		<script src="js/classie.js"></script>
                <script src="js/menu.js"></script> 
    </h:body>
</html>

